body,html{
    background-color: #f4f4f4;
    
}
nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3vw;
    background-color: #fff;
}
nav .home{
    font-size: 5vw;
    color: #333;
}
nav img{
    width: 4vw;
    height: 4vw;
    max-width: 100%;
}

.line{
    width: 100vw;
    height: 0.5vw;
    background-color: #cecece;
    /* background-color: red; */
}

.banner{
   
    padding: 3vw;
    background-color: #fff;
}
.banner img{
    width: 98vw;
    height: 53vw;
    max-width: 100%;
}

.banner_b{
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 3vw;
    margin-bottom: 3vw;
    background-color: #fff;
}
.banner_b .item{
    text-align: center;
}
.banner_b .item img {
    margin-bottom: 2vw;
     width: 9vw;
     height: 7vw;
     max-width: 100%;
     
}
.banner_b .write{
    font-size: 3vw;
    color: #333;
}

.hot_buy{
    /* padding: 3vw; */
    padding-top: 3vw;
    margin-bottom: 3vw;
    text-align: center;
    background-color: #fff;
}
.hot_buy .top{
    width: 17vw;
    margin: 0 auto;
}
.hot_buy .top .tittle{
    font-size: 4vw; 
    color: #333;
}
.hot_buy .top .small_line{
    margin: 1vw auto;
    width: 7vw;
    height: 0.5vw;
    background-color: #cecece;
}
.hot_buy .top .english{
    font-size: 2vw;
    color: #666;
}

.hot_buy .content{
    /* padding: 3vw; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;

}
.hot_buy .content .item{
    /* margin: 0 1vw; */
    padding: 3vw;
    padding-bottom: 5vw;
    border-right: 0.3vw solid #cecece;
}
.hot_buy .item img{
    width: 26vw;
    height: 25vw;
    max-width: 100%;
}
.hot_buy  .item .par{
    margin: 3vw 0;
    width: 25vw;
    font-size: 3vw;
    color: #555;
    text-align: left;
}
.hot_buy  .item .price{
    font-size: 3vw;
    color: #c55a5c;
    text-align: left;
}
.hot_buy .item:nth-child(1){
    border-bottom:  0.3vw solid #cecece;
}
.hot_buy .item:nth-child(2){
    border-bottom:  0.3vw solid #cecece;
}
.hot_buy .item:nth-child(3){
    border-bottom:  0.3vw solid #cecece;
}


.selected_buy{
    padding-top: 3vw;
    padding-bottom:7vw ;
    margin-bottom: 3vw ;
    text-align: center;
    background-color: #fff;
}
.selected_buy .top{
    width: 17vw;
    margin: 0 auto;
}
.selected_buy .top .tittle{
    font-size: 4vw; 
    color: #333;
}
.selected_buy .top .small_line{
    margin: 1vw auto;
    width: 7vw;
    height: 0.5vw;
    background-color: #cecece;
}
.selected_buy .top .english{
    margin-bottom: 3vw;
    font-size: 2vw;
    color: #666;
}

.selected_buy img{
    height: 44vw;
    width: 78vw;
    max-width: 100%;
}
.selected_buy .write{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3vw;
    width: 70vw;
    margin: 0 auto;
}
.selected_buy .write .left{
    text-align: left;
}
.selected_buy .write .home{
    margin-bottom: 2vw;
    font-size: 4vw;
    color: #333;
}
.selected_buy .write .text{
    font-size: 3vw;
    color: #999;
}
.selected_buy .write .right{
    align-self: flex-start;
    font-size: 3vw;
    color: #c55a5c;
}


.good{
    padding-top: 3vw;
    background-color:#fbfbfb ;
    text-align: center;
   
}
.good .top{
    width: 17vw;
    margin: 0 auto;
}
.good .top .tittle{
    
    font-size: 4vw; 
    color: #333;
}
.good .top .small_line{
    margin: 1vw auto;
    width: 7vw;
    height: 0.5vw;
    background-color: #cecece;
}
.good .top .english{
    margin-bottom: 3vw;
    font-size: 2vw;
    color: #666;
}

.good .content{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    /* padding: 3vw; */
}
.good .content .item {
    border: 0.1vw solid #cecece;
    border-bottom:0 ;
    text-align: left;
    padding: 3vw 4vw;
    
}
.good .content .item img{
    width: 39vw;
    height: 34vw;
    max-width: 100%;
}
.good .item .par{
    font-size: 3vw;
    color: #555;
}
.good .item .text{
    margin: 2vw 0 4vw 0;
    width: 24vw;
    font-size: 3vw;
    color: #999;
}
.good .item .price{
    font-size: 3vw;
    color: #c55a5c;
}
.good .item:last-child{
    margin-bottom: 20vw;
}
.good .item:nth-last-child(2){
    margin-bottom: 20vw;
}



footer{
    position:fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin:  auto;
    /* width: 100vw; */
    /* transform: translateX(-25%); */
    display: flex;
    justify-content: space-around;
    align-items: center;
    
    padding: 3vw 8vw;
    background-color: #fff;
    border-top: 0.1vw solid #cecece;
}
footer .block{
    text-align: center;
}
footer .block img{
    margin-bottom: 2vw;
    width: 5vw;
    height: 5vw;
    max-width: 100%;
}
footer .block .write{
    font-size: 2vw;
    color: #555;
}